<template lang="html">
  <div class="page-scroll-view demo-mt-header">
    <ui-header title="标题"></ui-header>
    <br>
    <ui-header>个人中心</ui-header>
    <br>
    <ui-header :left-options="{showBack: false}">不显示返回</ui-header>
    <br>
    <ui-header :right-options="{showMore: true}">显示更多操作</ui-header>
    <br>
    <ui-header>自定义右侧内容<a slot="right"><i class="iconfont ui-header-home-icon">&#xe65c;</i></a></ui-header>
    <br>
    <ui-header>这是一个很长很长很长很长的标题<a slot="right"><i class="iconfont ui-header-home-icon">&#xe65c;</i></a></ui-header>
    <br>
    <ui-header>自定义左侧内容<a slot="left">关闭</a></ui-header>
    <br>
    <!-- <ui-header style="background-color:#000;">自定义背景颜色</ui-header> -->
  </div>
</template>

<script>

export default {
  name: 'demo-flex',
}
</script>

<style lang="less">
.demo-mt-header {
  background-color: #f5f5f5;
}
.ui-header-home-icon{
  font-size: 40px;
}
</style>
